<template>
  <div class="m-nav">
    <ul class="nav">
      <li class="list">
        <nuxt-link to="/">
          我的美团
        </nuxt-link>
        <dl>
          <dd>
            <nuxt-link to="/order">
              我的订单
            </nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="/order">
              我的收藏
            </nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="/order">
              抵用券
            </nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="/order">
              账户设置
            </nuxt-link>
          </dd>
        </dl>
      </li>
      <li>
        <nuxt-link to="/">
          手机APP
        </nuxt-link>
      </li>
      <li class="list bd">
        <nuxt-link to="/center">
          商家中心
        </nuxt-link>
        <dl>
          <dd>
            <nuxt-link to="/userCenter">
              登陆商家中心
            </nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="/coop">
              我想合作
            </nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="/wap">
              免费手机开店
            </nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="/开票">
              商家申请开票
            </nuxt-link>
          </dd>
        </dl>
      </li>
      <li class="list site">
        <nuxt-link to="/site">
          网站导航
        </nuxt-link>
        <div class="subContainer">
          <dl class="hotel">
            <dt>酒店旅游</dt>
            <dd v-for="item in hotel" :key="item">
              <a :href="'/products?keyword=' + encodeURIComponent(item)">
                {{ item }}
              </a>
            </dd>
          </dl>
          <dl class="food">
            <dt>吃美食</dt>
            <dd v-for="item in food" :key="item">
              <a :href="'/products?keyword=' + encodeURIComponent(item)">
                {{ item }}
              </a>
            </dd>
          </dl>
          <dl class="movie">
            <dt>看电影</dt>
            <dd>
              <a href="https://maoyan.com/films" target="_blank">热映电影</a>
            </dd>
            <dd>
              <a href="https://maoyan.com/cinemas" target="_blank">热门影院</a>
            </dd>
            <dd>
              <a href="https://maoyan.com/board" target="_blank">热映电影口碑榜</a>
            </dd>
            <dd>
              <a href="https://maoyan.com/board/6" target="_blank">最受期待电影</a>
            </dd>
            <dd>
              <a href="https://maoyan.com/board/1" target="_blank">国内票房榜</a>
            </dd>
            <dd>
              <a href="https://maoyan.com/board/2" target="_blank">北美票房榜</a>
            </dd>
            <dd>
              <a href="https://maoyan.com/board/4" target="_blank">电影排行榜</a>
            </dd>
          </dl>
          <dl class="app">
            <dt>
              手机应用
            </dt>
            <dd>
              <a href="https://i.meituan.com/mobile/down/meituan">
                <img
                  src="//s0.meituan.net/bs/fe-web-meituan/2d53095/img/appicons/meituan.png"
                  title="美团app"
                  alt="美团app"
                >
              </a>
            </dd>
            <dd>
              <a href="https://waimai.meituan.com/mobile/download/default">
                <img
                  src="//s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/waimai.png"
                  title="外卖app"
                  alt="外卖app"
                >
              </a>
            </dd>
            <dd>
              <a href="https://minsu.meituan.com/app/">
                <img
                  src="https://p0.meituan.net/travelcube/162c3308d9622f6d9cfaa49e60be4dca8573.png"
                  title="民宿app"
                  alt="民宿app"
                >
              </a>
            </dd>
            <dd>
              <a href="#">
                <img
                  src="//s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/dianping.png"
                  title="点评app"
                  alt="点评app"
                >
              </a>
            </dd>
            <dd>
              <a href="#">
                <img
                  src="//s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/maoyan.png"
                  title="猫眼app"
                  alt="猫眼app"
                >
              </a>
            </dd>
          </dl>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data () {
    return {
      food: [
        '烤鱼',
        '特色小吃',
        '茶点  ',
        '西餐  ',
        '大排档 ',
        '奶茶  ',
        '火锅  ',
        '麻辣烫 ',
        '农家菜 ',
        '牛蛙'
      ],
      hotel: ['国际机票 ',
        '火车票  ',
        '民宿   ',
        '经济型酒店',
        '主题酒店 ',
        '商务酒店 ',
        '公寓   ',
        '豪华酒店 ',
        '客栈   ',
        '青年旅舍 ',
        '度假酒店 ',
        '别墅   ',
        '农家院  ',
        '帐篷   ',
        '太空舱  ']
    }
  }
}
</script>

<style lang="scss">

</style>
